<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta content="This is Chris's Home Page" name="description">
    <meta content="Chris,Web,Music,photo" name="keywords">
    <meta content="text/html;charset=utf-8" http-equiv="content-type"/>
    <title>Hello JavaScript!</title>
    <link href="./css/style.css" id="link01" rel="stylesheet" type="text/css"/>
    <style id="style01" type="text/css">
        .div {
            background-color: yellow;
            font-size: 18px;
            width: 500px;
            height: 300px;
        }
    </style>
    <script type="text/javascript">
        function test() {
            //var div01 = document.getElementById("div01");
            //var style01 = document.getElementById("style01");
            //var link01 = document.getElementById("link01");
            //link01.href = "./css/style01.css";
            //style01.disabled = true;
            //div01.style.backgroundColor = "yellow";
            //div01.style.fontSize = "18px";
            //div01.style.width = "500px";
            //div01.style.height = "300px";
            //div01.style.cssFloat = "right";
            //div01.style.cssText = "background-color:yellow;font-size:18px;width:500px;height:300px";
            //div01.className = "div01";
            //document.styleSheets[0].insertRule(".common {border: 1px solid blue}",0);
            document.styleSheets[0].deleteRule(0);
            console.log(888);
        };

    </script>
</head>
<body>
<button onclick="test()">Test</button>
<br>
<!--
<div style="background-color:yellow;font-size:18px;width:500px;height:300px">This is test DIV!</div>
-->
<div class="div01 common" id="div01">This is test DIV!</div>
</body>
</html>
